<template>
  <div id="newPay">
    <k-header :headTitle="oHeader" goBack="true" />
    <div :class="headIos?'side-fixd-ios':'side-fixed'" class="emds">
      <iframe
        :src="links"
        frameborder="0"
        width='100%'
        class="iframe"
      ></iframe>
    </div>
  </div>
</template>
<style scoped>
  #newPay {
    height: 100%;
  }
  .emds {
    height: 100%;
  }
  .iframe {
    height: 100%;
    margin-top:45px;
  }
  .side-fixd-ios {
    /*margin-top: 65px;*/
  }
</style>

<script>
  import kHeader from '../common/head'
  export default {
    components: {
      kHeader
    },
    data() {
      return {
        links: '',
        headIos: false,
        oHeader:''
      }
    },
    methods: {
      drawIframe() {
        console.log(this.$route.query.donot);
        this.links = this.$route.query.oHttp;
        this.oHeader = this.$route.query.header;
      }
    },
    created() {
      if (window.navigator.userAgent.indexOf('LBLSIOS') > -1) {
        this.headIos = true;
      }
      this.drawIframe();
    }
  }
</script>


